<!-- 示例4：带信息的分页 -->
<div class="pagination-with-info">
    <div class="pagination-info">
        显示 1-10 条，共 246 条记录
    </div>
    <nav aria-label="带信息的分页">
        <ul class="pagination">
            <li class="page-item disabled">
                <a class="page-link" href="#" tabindex="-1" aria-disabled="true">上一页</a>
            </li>
            <li class="page-item active" aria-current="page">
                <span class="page-link">1</span>
            </li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item disabled"><span class="page-link">...</span></li>
            <li class="page-item"><a class="page-link" href="#">25</a></li>
            <li class="page-item">
                <a class="page-link" href="#">下一页</a>
            </li>
        </ul>
    </nav>
    <div>
        <select class="form-select form-select-sm" style="width: auto;">
            <option>10条/页</option>
            <option>20条/页</option>
            <option>50条/页</option>
            <option>100条/页</option>
        </select>
    </div>
</div>

